<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Cadastro Pacote ViajarFacil</title>
<link rel="stylesheet" type="text/css" href="css/signup.css"/>
<link rel="stylesheet" type="text/css" href="css/common.css"/>
</head>

<body>

	<%@ include file="header.jsp" %>
	<div id="content">
		<p align="center">Entre com suas informações abaixo <br/>
			<span class="redItalic">OBS.: Os campos assinalados com * são obrigatórios</span> 
		</p>
	
		<form action="signup" method="post">
			
			<table align="center">
				<tr>
					<td align="right">Tipo de viagem:</td>
							<td>
								<select>
										<option value="">Cruzeiro</option>
										<option value="">Avião</option>
								</select>
							</td>
				</tr>
				<tr>
					<td align="right">Cruzeiro:</td>
							<td>
								<select>
										<option value="">Cruzeiro1</option>
										<option value="">Cruzeiro2</option>
								</select>
							</td>
				</tr>
				<tr>
					<td align="right">Voo Ida:</td>
							<td>
								<select>
										<option value="">Voo1</option>
										<option value="">Voo2</option>
								</select>
							</td>	
				</tr>	
				<tr>
					<td align="right">Voo Volta:</td>
							<td>
								<select>
										<option value="">Voo1</option>
										<option value="">Voo2</option>
								</select>
							</td>	
				</tr>	
				<tr>
					<td align="right"><label for="hotel">Hotel:</label></td>
					<td><input type="text" id="hotel" name="hotel"/></td>
				</tr>
				<tr>
					<td align="right"><label for="classe">Categoria(estrelas):</label></td>
					<td><input type="text" id="classe" name="classe"/></td>
				</tr>
				<tr>
					<td align="right"><label for="servicos">Serviços disponíveis:</label></td>
					<td><input type="text" id="servicos" name="servicos"/></td>
				</tr>
				<tr>
					<td align="right">Passeios:</td>
							<td>
								<select>
										<option value="">Passeio1</option>
										<option value="">Passeio2</option>
								</select>
							</td>	
				</tr>					
				<tr>
					<td align="right">Sexo:</td>
					<td>
						<input type="radio" name="sex" value="f"/>Feminino
						<input type="radio" name="sex" value="m"/>Masculino
					</td>
				</tr>
				<tr>
					<td align="right"><label for="address">Endereço:</label></td>
					<td><input type="text" id="address" name="address"/></td>
				</tr>
				<tr>
					<td align="right"><label for="rg">R.G.:</label></td>
					<td><input type="text" id="rg" name="rg"/><span class="redItalic">*</span></td>
				</tr>
				<tr>
					<td align="right"><label for="cpf">CPF:</label></td>
					<td><input type="text" id="cpf" name="cpf"/><span class="redItalic">*</span></td>
				</tr>
				<tr>
					<td align="right"><label for="phone">Telefone:</label></td>
					<td>
						<input type="text" id="phone" name="phone"/><span class="redItalic">*</span></td>
				</tr>
				<tr>
					<td colspan="2" align="center"><input type="submit"/>
					<input type="button" value="Voltar" onclick="location.href='index.jsp';"/></td>
				</tr>
				
			</table>
		
		</form>
	</div>
</body>
</html>